Front-end Frameworks

Bulma – modern CSS framework that just works

Bulma is a CSS framework. This means it provides CSS classes to help you style your HTML code. As such, the sole output is a single CSS file: bulma.css. It provides ready-to-use frontend components that you can easily combine to build responsive web interfaces. Because Bulma solely comprises CSS classes, the HTML code you write has no impact on the styling of your page.

The framework is based on Flexbox.

This is free and open source software.

Key Features

  • 100% responsive – every element in Bulma is is mobile-first and optimizes for vertical reading.
  • Modular – only import what you need. Bulma consists of 39 .sass files that you can import individually.
  • Easy to learn and customize courtesy of hundreds of Sass variables. These variables exist at 4 levels:
    • initial variables: global variables with literal values
    • derived variables: global variables with values that reference other variables, or are computed
    • generic variables: for the HTML elements which carry no CSS class
    • element/component variables: variables that are specific to a Bulma element/component
  • Modern – built with Flexbox, a CSS 3 web layout model. It is in the W3C’s candidate recommendation stage. The flex layout allows responsive elements within a container to be automatically arranged depending upon screen size.
  • No JavaScript is required. No CSS knowledge is needed either.

Website: bulma.io
Support: Documentation, GitHub Code Repository
Developer: Jeremy Thomas
License: MIT License

Bulma is written in CSS and Sass. Learn CSS with our recommended free books and free tutorials.


Related Software

CSS Front-end Frameworks
Tailwind CSSUtility-first CSS framework for rapidly building custom user interfaces
BulmaModern CSS framework that just works
FoundationAdvanced responsive front-end framework
BootstrapSleek, intuitive, and powerful mobile front-end framework
UlkitLightweight and modular front-end framework
PrimerGitHub’s design system
CirrusSCSS framework for the modern web
Fomantic-UICommunity fork of Semantic-UI
VanillaExtensible CSS framework, built using Sass
MaterializeModern responsive front-end framework based on Material Design
BlazeFramework-free UI toolkit

Read our verdict in the software roundup.


Best Free and Open Source Software Explore our comprehensive directory of recommended free and open source software. Our carefully curated collection spans every major software category.

This directory is part of our ongoing series of informative articles for Linux enthusiasts. It features hundreds of detailed reviews, along with open source alternatives to proprietary solutions from major corporations such as Google, Microsoft, Apple, Adobe, IBM, Cisco, Oracle, and Autodesk.

You’ll also find interesting projects to try, hardware coverage, free programming books and tutorials, and much more.

Know a useful open source Linux program that we haven’t covered yet? Let us know by completing this form.
Subscribe
Notify of
guest
0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments